@charset "utf-8";
/* CSS Document */

/****************************** 111 ************************************/
@media only screen and (min-width: 1500px) 
{
	
	
}

/*****************************  222 *************************************/

@media (max-width: 950px) {

.cuadroCentral .fondo{
	clear: both;
	width:100%;
	background-color:white; /* #E6E6E6; */
	z-index:auto;
	height: auto;
}


.cuadroCentral .blanco{
	clear: both;
	margin: 0 auto;
	float: none;
	text-align: center;
	width: 95%;
	background-color: white;
	color: #000000;
	height: auto;
}
	
	.columnas{
		clear: both;
		width: 80%;
		height: auto;
		float: none;
		text-align: center}
	
.columnas #col1{
	clear: both;
	width: 95%;
	height:auto;
	float: none;
	margin: 0 auto;
	text-align: left;
	line-height: 1.5;
	}
.columnas #col2{
	clear: both;
	width: 90%;
	height: auto;
	float: none;
	text-align: center;
	line-height: 1.5;
	}

.fondo #ObCalIns{
	clear: both;
	margin: 0 auto;
	float: none;
	width:100%;
	height:auto;
	background-color: white;
	
	/*margin-top: 110px;*/
}


	
/*****   Temarios *****/
#ObCalIns #objDur{clear: both; float: none; width: 100%; height: auto;text-align: left; color: #090000; }
	#objDur{margin-top: 300px}
#ObCalIns #verCal{float: left; width: 7%;height: auto;margin-left: 8px; margin-top:5px }
#ObCalIns #txtCal{clear: both; float: none; width: 100%;height: auto;position: absolute;}

#ObCalIns #txtInsc{float: left; width: 90%;height: auto;margin:0 0 0 5px;text-decoration: none;color: black}*/
#ofna{margin-left: 15%}
.icono{width: 90%; float:none;margin: 0 auto; text-align: center}
#txtCal{text-align:left }
#txtInsc{text-align:left }
 

.encabTemario #nomCursoTem{
	clear: both;
	float: none;
	width: 100%;
	max-height: auto;/*138px*/
	color: whitesmoke;
	font-family: Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana," sans-serif";
	font-size: 30px;
	text-align: center;
	vertical-align: middle;
}
.encabTemario #imgTemario{clear: both; float:none;width:100%;max-height:auto;}	

.blanco{width: 100%;margin: 0px}
#indCal{width: 50%}
	
.cuadroCentral #agregarImg{clear: both; width: 99%; height: auto; padding: 0;}
#imgtem{clear: both; width: 100%; height: auto; float: none;margin: 0 auto;}
#otrosCursos{width: 95%; height: auto; float: none; margin: 0 auto;text-align: center}

.eb1{clear: both; width: 90%; height: auto; float: none;margin: 0 auto}
.eb2{clear: both; width: 90%; height: auto; float: none; margin: 0 auto}
 
#col1 ul li{
	clear: both;
	width: 100%;
	height:auto;
	float: left;
	text-align: left;
	line-height: 1.5;
	font-size: 14px;}
	
	#col2 ul li{
	clear: both;
	width: 100%;
	height:auto;
	float: left;
	text-align: left;
	line-height: 1.5;
	font-size: 14px;}


#fechasyForm .tablaFechas{width:98%;height: auto; float: none; text-align: center}

#fechasyForm #txtFormulario{width: 95%; height: auto; float: none; margin: 0 auto; text-align: center}

}

/******************************** 444444   **********************************/
@media (max-width: 579px){ 

#ObCalIns #objDur{clear: both; float: left; width: 98%;height: auto;text-align: left; margin-left: 5px;}
#objDur{margin-top: 100px}


	

#ObCalIns #txtInscind{clear: both;width:100%; margin: 0 auto;float: none; font-size: 12px}
	
#ObCalIns #verCal{clear: both; float: left; width: 8%;height: auto;margin-left: 2%;line-height: 2;margin-top: 15px}
#ObCalIns #txtCal{float: left; width: 90%;height: auto;line-height: 1;margin-top: -10px}
#ObCalIns #inscrib{float: left;width: 5%;height: auto;line-height: 1;}
#ObCalIns #txtInsc{float: left; width: 85%;height: auto;line-height: 1;margin-top: -10px}

.icono{width: 90%; float:none;margin: 0 auto; text-align: center}
	
#ObCalIns #txtInscind{clear: both;width:100%; margin: 0 auto;float: none; font-size: 16px}
.encabTemario #nomCursoTem{
	clear: both;
	float: none;
	width: 100%;
	max-height:auto;/*138px*/
	color: whitesmoke;
	font-family: Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana," sans-serif";
	font-size: 30px;
	text-align: center
}
.encabTemario #imgTemario{clear: both; float:none;width:100%;max-height:auto;}	


.fondo{width: 100%;margin: 0px}
.blanco{width: 100%;margin: 0px}
#indCal{width: 50%}

.cuadroCentral #agregarImg{clear: both; width: 99%; height: auto; padding: 0;}
#imgTem{width: 100%; height: auto; float: none;margin: 0 auto;}
#otrosCursos{width: 95%; height: auto; float: none; margin: 0 auto;text-align: center}

.eb1{clear: both; width: 90%; height: auto; float: none;margin: 0 auto}
.eb2{clear: both; width: 90%; height: auto; float: none; margin: 0 auto}

	#col1 ul li{
	clear: both;
	width: 100%;
	height:auto;
	float: left;
	text-align: left;
	line-height: 1.5;
	font-size: 14px;}
	
	#col2 ul li{
	clear: both;
	width: 100%;
	height:auto;
	float: left;
	text-align: left;
	line-height: 1.5;
	font-size: 14px;}

 
#fechasyForm .tablaFechas{width:98%;height: auto; float: none; text-align: center}

#fechasyForm #txtFormulario{width: 95%; height: auto; float: none; margin: 0 auto; text-align: center}
	
}


/****************************** 55555 **********************************************/
